// 工具
@import "./util/helps";

// Mixins
@import "./util/mixins";
@import "core/base/mixins/menu-vertical";
@import "core/base/mixins/offcanvas";
@import "core/typography/mixins/_link.scss";

// 全局设置

// 媒体查询
$e-grid-breakpoints: (
    xs: 0,
    sm: 576px,
    md: 768px,
    lg: 992px,
    xl: 1200px,
    xxl: 1400px,
    xxxl: 1600px
) !default;

// 页面 padding
$e-page-padding: (
    desktop: 20px,
    mobile: 10px
) !default;

// 状态色 colors
$e-state-colors: (
    // Easy Frame states
    brand: (
        base: #1890ff,
        //base: #4baa4b, // 体育
        //base: #69951c,
        inverse: #fff
    ),
    light: (
        base: #fff,
        inverse: #282a3c
    ),
    dark: (
        //base: #014a26, // 体育
        //base: #0050b3, // 桥梁
        base: #001529,
        inverse: #fff
    ),
    // Bootstrap states
    primary: (
        base: #5867dd,
        inverse: #fff
    ),
    success: (
        base: #1dc9b7,
        inverse: #fff
    ),
    info: (
        base: #5578eb,
        inverse: #fff
    ),
    warning: (
        base: #ffb822,
        inverse: #fff
    ),
    danger: (
        base: #fd397a,
        inverse: #fff
    ),
    invalid: (
        base: #a7abc3,
        inverse: #fff
    )
) !default;

// 字体
$e-font-families: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB',
  'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji',
  'Segoe UI Emoji', 'Segoe UI Symbol' !default;
// 字体
$e-font-size: (
    size: (
        desktop: 14px,
        tablet: 13px,
        mobile: 12px
    ),
    weight: 400
) !default;

// 链接设置
$e-font-style: (
    text: #646c9a,
    link: (
        default: e-state-color(brand),
        hover: darken(e-state-color(brand), 6%)
    )
) !default;


// 是否开启圆角
$e-enable-rounded: true !default;

// 圆角大小
$e-border-radius: 4px !default;

// 元素悬浮效果时的阴影
$e-elevate-shadow: 0 0 13px 0 rgba(82, 63, 105, .05) !default;

// Alerts 元素悬浮时的阴影
$e-elevate-shadow-1: 0 0 13px 0 rgba(82, 63, 105, .1) !default;

// Dropdown 阴影
$e-dropdown-shadow: 0 0 50px 0 rgba(82, 63, 105, .15) !default;

// 动画
$e-transition: all .3s !default;

// 模态框z-index
$e-modal-z-index: 1050 !default;

// dropdown z-index
$e-dropdown-z-index: 95 !default;

// Base colors
$e-base-colors: (
    label: (
        1: #a2a5b9,
        2: #74788d,
        3: #595d6e,
        4: #48465b
    ),
    shape: (
        1: #f0f3ff,
        2: #e8ecfa,
        3: #93a2dd,
        4: #646c9a
    ),
    grey: (
        1: #f7f8fa,
        2: #ebedf2,
        3: darken(#ebedf2, 3%),
        4: darken(#ebedf2, 6%)
    )
) !default;

// Card,在Bootstrap 3中为Panel
$e-card: (
    min-height: (
        default: (
            desktop: 50px,
            mobile: 40px
        ),
        sm: (
            desktop: 40px,
            mobile: 30px
        ),
        lg: (
            desktop: 60px,
            mobile: 50px
        ),
        xl: (
            desktop: 70px,
            mobile: 60px
        )
    ),
    space: (
        desktop: 15px,
        mobile: 10px
    ),
    bottom-space: (
        desktop: 15px,
        mobile: 15px
    ),
    border-color: e-base-color(grey, 2),
    bg-color: #fff,
    shadow: 0 0 30px 0 rgba(82, 63, 105, .05)
) !default;

// 图标(lineawesome icons: https://icons8.com/line-awesome)
$e-action-icons: (
    close: '\f191',
    down: '\f110',
    up: '\f113',
    left: '\f111',
    right: '\f112',
    plus: '\f2c2',
    minus: '\f28e'
) !default;

// 加粗的方向图标(lineawesome icons: https://keenthemes.com/metronic/preview/default/components/icons/flaticon.html)
$e-action-bold-icons: (
    down: '\f1b1',
    up: '\f1b3',
    left: '\f1b2',
    right: '\f1a9'
) !default;
